<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title> 查看删除修改</title>
    <link href="css/jquery.css" rel="stylesheet">
    <script src="js/jquery-1.6.4.js" type="text/javascript"></script>
</head>
<body>
  <table id="table">
      <tr>
          <th>姓名</th>
          <th>年龄</th>
          <th>职位</th>
          <th>工资</th>
          <th>操作</th>

      </tr>
      <tr>
          <td> 张三</td>
          <td>24</td>
          <td>后台</td>
          <td>12000</td>
          <td><a href="#" class="view">查看</a><a href="#" class="delete">删除</a><a href="#" >修改</a></td>

      </tr>
      <tr>
          <td> 李四</td>
          <td>25</td>
          <td>前端</td>
          <td>13000</td>
          <td><a href="#" class="view">查看</a><a href="#" class="delete">删除</a><a href="#">修改</a></td>

      </tr>
      <tr>
          <td> 王磊</td>
          <td>28</td>
          <td>手机开发</td>
          <td>13999</td>
          <td><a href="#" class="view">查看</a><a href="#" class="delete">删除</a><a href="#">修改</a></td>

      </tr>

  </table>
  <div class="popdiv">
      <p> <strong> 姓名:</strong><span> </span></p>
      <p> <strong> 年龄:</strong><span> </span></p>
      <p> <strong> 职位:</strong><span> </span></p>
      <p> <strong> 工资:</strong><span> </span></p>
       <a href="#" class="close"> 关闭</a>
  </div>

<script src="js/table.js" type="text/javascript"></script>
</body>
</html>